<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<wicket:head>
	<script type="text/javascript" src="scripts/datefunc.js"></script> 
	<script type="text/javascript" src="scripts/jquery.maskedinput.js" ></script>
	<script type="text/javascript" src="scripts/jquery.validate.js" ></script>   

<script type="text/javascript">
        $(function() {
            
            $('input[name=dateBirth]').mask("99.99.9999");
            $('input[name=certdate]').mask("99.99.9999");       
			
            $.validator.addMethod("tajikDate",
            function(value, element) {
                if (value.toString().length == 0)
                    return true;
                return isDate(value, "dd.MM.yyyy");
            },
            "Введите дату в фармате dd.mm.yyyy"
	        );
	        
	        $("form[id^=outputform]").validate({
	                rules: {
	                    "inn": {  maxlength: 9 },	                    
	                },
	                messages: {
	                	"inn": "ИНН должно состоять из 9 цифр"
	            }
	        });
        });
        
</script>
</wicket:head>
<title>Pay Service</title>
</head>
<body>
	<wicket:extend>
		<div class="title" id="centerTitle"><wicket:message key="title">Default label</wicket:message>
		Редактирование клиента</div>		
		<div wicket:id="feedback" class="feedbackpanel"></div>
		<form id="form" wicket:id="outputform">
			<div class="left_column" >
				<ul class="forms">
					<li>
						<span class="forlabel"><label>ФИО</label></span>
						<input type="text" wicket:id="name"></input>
					
					</li>
					<li>
						<span class="forlabel">
							<label>ИНН</label>
						</span>
						<input type="text" wicket:id="inn"></input>
					</li>
					<li>
						<span class="forlabel">
							<label>Регион</label>
						</span>
						<select wicket:id="region">
						</select>
					</li>
					<li>
						<span class="forlabel">
							<label>Город</label>
						</span>
						<select wicket:id="town">
						</select>
					</li>
					<li>
						<span class="forlabel">
							<label>Адрес</label>
						</span>
						<input type="text" wicket:id="addr"></input>
					</li>
					<li>
						<span class="forlabel">
							<label>Дата рождения</label>
						</span>
						<div class="date">
							<input type="text" wicket:id="dateBirth"></input>
						</div>			
					</li>
					<li>
						<span class="forlabel">
							<label>Резидентность</label>
						</span>
						<select wicket:id="resident">
						</select>
					</li>
				</ul>
				
			</div>		
			<div class="right_column" >
				<ul  class="forms">
					<li>
						<span class="forlabel">
							<label>Вид документа</label>
						</span>
						<select wicket:id="certtype">
						</select>
					</li>
					<li>
						<span class="forlabel">
							<label>Серия</label>
						</span>
						<input type="text" wicket:id="certser"></input>
					</li>
					<li>
						<span class="forlabel">
							<label>Номер</label>
						</span>
						<input type="text" wicket:id="certnum"></input>
					</li>
					<li>
						<span class="forlabel">
							<label>Дата выдачи</label>
						</span>
						<div class="date">
							<input type="text" wicket:id="certdate"></input>
						</div>			
					</li>
					<li>
						<span class="forlabel">
							<label>Кем выдано</label>
						</span>
						<input type="text" wicket:id="certwho"></input>
					</li>
					<li>
						<span class="forlabel">
							<label>Контакты</label>
						</span>
						<input type="text" wicket:id="contacts"></input>
					</li>
				</ul>
				
			</div>
			<div class="buttons"><button type="submit" wicket:id="save" >сохранить</button></div>	
			<br/>
		</form>	
		<div class="bottom-menu">
			<span wicket:id="refrence">
				<ul>
					<li>
					<a href="#" wicket:id="spravka">[Справка]</a>	 				
					<a href="#" wicket:id="dosye">[Досье]</a>
					</li>
				</ul>
			</span>
		</div>
		</wicket:extend>
    </body>
</html>